<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"  content="width=device-width,initial-scale=1,maximum-scale=1, user-scalable=no,">
    <!-- uc浏览器强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ浏览器强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC浏览器强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ浏览器强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC浏览器应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ浏览器应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <title>首页</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="css/base.css" rel="stylesheet">
    <link href="css/all.css" rel="stylesheet">
    <style>
    </style>
</head>
<body class="bg-gray">
  <!-- public Header start-->
<header class="public-header">
    <div class="public-header-content clearfixed">
        <a href="javascript:history.back()" class="btn btn-back">
        </a>
        <h1>贷款计算器</h1>
    </div>
</header>
<!-- public Header end-->
<!--production-detial-->
<section class="production-detial" style="padding: 0"></section>
<!--tab-section-->
<section class="tab-section mt-10">
    <div class="tabcon">
        <ul id="tab" class="tab-list">
            <li class="tab-item">商业贷款</li>
            <li class="tab-item">提前还款</li>
            <li class="tab-item cur ">房贷担保费</li>
            <li class="tab-item">个人贷款</li>
        </ul>
        <div id="tabContent" class="tab_content">
            <div class="tab-item-w">              
                <div class="inputText-box mt-20 ">
                    <div class="dd-ipt-div1 tr">单位：</div>
                    <div class="dd-ipt-div2 border-all"><input class="pl-5" type="text" name=""></div>
                    <div class="dd-ipt-div1"><span class="pl-10">元/平方米</span></div>
                </div>
                 <div class="inputText-box mt-10">
                    <div class="dd-ipt-div1 tr">面积：</div>
                    <div class="dd-ipt-div2 border-all"><input class="pl-5" type="text" name=""></div>
                    <div class="dd-ipt-div1"><span class="pl-10">平方米</span></div>
                </div>
                <div class="ui-btn-box ">
                    <span class="float-l start-btn">开始计算</span>
                    <span class="float-r reset-btn">重置</span>
                </div>
            </div>
            <div class="tab-item-w mt-10">
                <form action="##">
                 <h4>开始计算</h4>
                 <table style="width: 100%;">
                   <tr>
                         <td class="tr">
                             房贷总价：
                         </td>
                         <td>
                              <div class="dd-ipt-div1 border-all">
                                <input class="pl-5" type="text" name="">
                              </div>  
                        </td>
                        <td class="pl-10">元</td>   
                    </tr> 
                      <tr>
                         <td class="tr">
                             印花税：
                         </td>
                         <td>
                              <div class="dd-ipt-div1 border-all">
                                <input class="pl-5" type="text" name="">
                              </div>  
                        </td>
                        <td class="pl-10">元</td>   
                    </tr>    
                    <tr>
                         <td class="tr">
                             公证费：
                         </td>
                         <td>
                              <div class="dd-ipt-div1 border-all">
                                <input class="pl-5" type="text" name="">
                              </div>  
                        </td>
                        <td class="pl-10">元</td>   
                    </tr>     
                      <tr>
                         <td class="tr">
                             契税：
                         </td>
                         <td>
                              <div class="dd-ipt-div1 border-all">
                                <input class="pl-5" type="text" name="">
                              </div>  
                        </td>
                        <td class="pl-10">元</td>   
                    </tr>
                    <tr>
                         <td class="tr" >
                             委托办理产权费：
                         </td>
                         <td>
                              <div class="dd-ipt-div1 border-all">
                                <input class="pl-5" type="text" name="">
                              </div>  
                        </td>
                        <td class="pl-10">元</td>   
                    </tr>  
                      <tr>
                         <td class="tr">
                             房屋买卖手续费：
                         </td>
                         <td>
                              <div class="dd-ipt-div1 border-all">
                                <input class="pl-5" type="text" name="">
                              </div>  
                        </td>
                        <td class="pl-10">元</td>   
                    </tr>  
                 </table>
                 </form>
            </div>       
        </div>
    </div>
    <p class="pl-20 pr-20 tc mt-15">提示：购房需交纳的第一组税费是契税、印花税、交易手续费、权属
登记费。</p>

    <div class="caption--box-sm">
        <h4 class="mt-20">契税：</h4>
        <p>默认按房价3%计算。实际税费根据房屋面积、房主拥有房屋套数的不同，税率有所不同。</p>
          <h4>印花税：</h4>
        <p>金额为房价的0.05%，在交易签证时交纳。</p>
          <h4>交易手续费：</h4>
        <p>一般是每平方米2.5元，也在交易签证时交纳。</p>
          <h4>权属登记费：</h4>
        <p>100元到200元之间。</p>
        
    </div>
</section>


<!--footer-->
<footer class="public-footer">
    <p>版权所有广州融策投资顾问有限公司 </p>
    <p>©2012-2015 &nbsp;&nbsp;&nbsp;&nbsp;粤ICP备13050490号</p>
</footer>
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/plugin.jquery.js"></script>
<script src="js/swiper.jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/privateAll.js"></script>
<script type="text/javascript">
</script>
</body>
</html>